<template>
  <div class="news_details">
    <Header active="0" />
    <!-- banner -->
    <div style="height: 20px;"></div>
    <!-- details -->
    <div class="page-inner page-padding wrap">
      <h1 class="f36 font-m">
        {{dataInfo.title}}
      </h1>
      <div class="f18 font-r box">
        <span>{{dataInfo.author}}</span>
        <span>{{dataInfo.show_time}}</span>
      </div>
      <div class="content" v-html="dataInfo.content" v-if="dataInfo.content">
      </div>
	  <!-- <p class="f16 font-r">
	     Our team will be presenting the latest advancements inAl-driven
	     toxicology at the AAPS
	   </p>
	   <div class="img_box">
	     <img src="/public/uploadfiles/image/About-AITEP_03.jpg" />
	   </div> -->
      
    </div>
  </div>
</template>
<script>
import { getArticleIinfo } from '@/api/sections'
export default {
	data() {
	    return {
			NewsTabs:[{ id: "0", name: "News", url: "/News" }],
			dataInfo:{}
	    }
	},
    mounted:function(){
		this.initData()
		
		
    },
	methods:{
		initData(){
			this.getData()
		},
		getData(){
			let post={
				id:this.$route.query.id
			}
			getArticleIinfo(post).then((res)=>{
				console.log(res,1111)
				  this.dataInfo=res.data
			
			})
		}
	}
}
</script>
